<!doctype html><html><head><meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=false" />
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>LEKO&trade;</title>
<link rel="icon" type="image/ico" href="favicon.ico" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="stylesheet" type="text/css" href="leko.css" />
<link rel="stylesheet" type="text/css" href="leko.demo.css" />
<link rel="alternate" type="application/rss+xml" title="" href="leko.xml" />
<script src="jquery.js"></script><script src="leko.js"></script><script>

if(!_.mozilla()){
	document.write('<script src="firebug-lite.js#startOpened"></'+'script>');
}

</script>
<style>

code:hover,
form input.txt:hover,
a:hover,
a.test:hover{color:red;}

code#test:hover{color:blue;}

code#rect:hover button,a:active{background:#a94b01;}

input.txt:active,input.txt:focus{background:yellow;}

</style>

<script>

$(function(){
	$.iePseudoClasses();//$("CODE#test").toggleClass("hover");
});

</script>

</head><body><div id="page" class="table"><header><nav></nav></header><h4><a href="#" onclick="window.history.back();return false;">返回前页</a></h4><hr />
<section><h4>例一：请在IE6下尝试将鼠标移到下面的各个元素之上，在IE7下尝试将输入焦点定位到下面的文本框中</h4>

<a href="#">测试</a><br /><br /><code>测试</code>

<code id="test" class="xxx">测试</code>

<br /><br /><form><input class="txt" value="测试" /><br /><br /><button>测试</button></form>

<br /><code id="rect"><button>测试</button></code>

</section>

<footer><section id="foot"><hr /><h6>苏昱(苏小雨)作品<br />灵镭信息科技，创造代码之美</h6><a class="en" href="http://www.lekolite.cn" target="_blank">Copyright © 2010 lekolite.cn , All rights reserved</a></section></footer></div></body></html>